<template>
  <a-table :columns="columns" :data-source="tableData" :pagination="false">
    <span slot="action" slot-scope="text, record">
      <a @click="query(record.name)">查询交易状态 一 {{ record.name }}</a>
    </span>
  </a-table>
</template>
<script>
const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name'
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age'
  },
  {
    title: '操作',
    key: 'action',
    scopedSlots: { customRender: 'action' }
  }
]

export default {
  name: 'FullLinkResult',
  data () {
    return {
      tableData: [],
      columns
    }
  },
  props: ['paramData'],
  model: {
    prop: 'paramData',
    event: 'update'
  },
  watch: {
    paramData (val) {
      this.tableData = [...val]
    }
  },
  methods: {
    query (name) {
      this.$message.info(name)
    }
  }
}
</script>
